//vue请求数据
var favoriteVue = new Vue({
    el: "#favorite-box>ul",
    data: {
        list : null,
        bookMarkId : null,
        favoriteId : null
    },
    methods: {
        //获得当前登录用户的书签
        getUserBookmark : function () {
            let _this = this;
            axios.get("/favorite/getBookmark")
            .then( resp => {
                _this.list =  resp.data.favoriteWebsites;
                _this.bookMarkId =  resp.data.bookMarkId;
            } )
        },
        //新增一个书签
        addBookmark : function () {
            let _this = this;
            let favorite = {
                name : $("#nssNameInput").val(),
                img : $("#imgInput").val(),
                url : $("#nssUrlInput").val(),
                boxId : _this.bookMarkId
            };
            if ($.emptyString(favorite.url)){
                layer.alert("网站链接不能为空",{icon : 5})
                return;
            }
            axios.post("/favorite/addFavorite",favorite)
            .then( resp =>{
                let data = resp.data;
                //新增成功
                $.errorAjax(data,()=>{
                    //元素消失
                    $("#nssCancel").trigger("click");
                    $("#cancel-btn").trigger("click");
                    //重新渲染
                    _this.getUserBookmark();
                })
            } )
        },
        //删除一个书签
        deleteFavorite : function (id) {
            let _this = this;
            let params = new URLSearchParams();
            params.append("id",id);
            axios.delete("/favorite/deleteFavorite",{data:params})
            .then( resp => {
                $.errorAjax(resp.data,()=>{
                    //元素消失
                    $("#nssCancel").trigger("click");
                    $("#cancel-btn").trigger("click");
                    //重新渲染
                    _this.getUserBookmark();
                })
            } )
        },
        //获得一个书签
        getOne : function (id) {
            let _this = this;
            $("#add-favorite").trigger("click");
            //获得当前id的收藏信息
            axios.get("/favorite/getOne",{
                params : {
                    id : id
                }
            })
            .then( (resp)=>{
                let data = resp.data;
                $("#nssNameInput").val(data.name);
                $("#imgInput").val(data.img);
                $("#nssUrlInput").val(data.url);
                //改为更新状态
                $("#nssConfirm").data("type","update");
                _this.favoriteId = id;
            } )
        },
        //更新一个书签
        updateFavorite : function () {
            let _this = this;
            //获得输入框中的内容
            let favorite = {
                name : $("#nssNameInput").val(),
                img : $("#imgInput").val(),
                url : $("#nssUrlInput").val(),
                id : _this.favoriteId
            };
            if ($.emptyString(favorite.url)){
                layer.alert("网站链接不能为空",{icon : 5})
                return;
            }
            axios.put("/favorite/updateFavorite",favorite)
            .then( resp =>{
                let data = resp.data;
                //新增成功
                $.errorAjax(data,()=>{
                    //元素消失
                    $("#nssCancel").trigger("click");
                    $("#cancel-btn").trigger("click");
                    //重新渲染
                    _this.getUserBookmark();
                })
            } )
        }
    }
})